{extend name="pc/user/layout"/}
{block name="main"}
 <div class="g-1400 g-container" id="pjax-container">
        
<div class="bg-bai b rx3">
    <div class="t-v t-t">
        <div class="c-sidebar c-sidebar-h pb5 br">
            <div class="c-sidebar-title t-v hui bb">自助购买</div>
            <ul class="c-nav click-nav">
                <li class=""><a href="{:url('pc/index',['act'=>'shop','s'=>'vip'])}" class="t-v" data-pjax>
                    <div><i class="icon icon-vip"></i></div>
                    <div>开通VIP会员</div>
                </a></li>
                <li class="active"><a href="{:url('pc/index',['act'=>'shop','s'=>'peie'])}" class="t-v" data-pjax>
                    <div><i class="icon icon-shuju"></i></div>
                    <div>购买挂机配额</div>
                </a></li>
                <li class=""><a href="{:url('pc/index',['act'=>'shop','s'=>'rmb'])}" class="t-v" data-pjax>
                    <div><i class="icon icon-moneybag"></i></div>
                    <div>充值账户余额</div>
                </a></li>
				<li class=""><a href="{:url('pc/index',['act'=>'shop','s'=>'daili'])}" class="t-v" data-pjax="">
					<div><i class="icon icon-friend"></i></div>
					<div>开通平台代理</div>
				</a></li>
                {if condition="config('sys_is_ktfz') eq 1 "}
                <li class=""><a href="{:url('pc/index',['act'=>'shop','s'=>'fz'])}" class="t-v" data-pjax="">
					<div><i class="icon icon-cascades"></i></div>
					<div>搭建高级主站</div>
				</a></li>
				{/if}
            </ul>
        </div>
<div class="c-content bl">
            <div class="g-title t-v pl4 bb">
                <div class="col-8 h t-v bold">购买挂机配额</div>
                <div class="col-4 t-v t-r"></div>
            </div>
            <div class="g-content p5 f3 hui bb "><p>1、挂机配额可增加秒赞挂机QQ数量，开通了秒赞会员的所有挂机QQ均可享受会员权限。</p>
                <hr/>
                <p>2、推荐与秒赞VIP会员同时开通，一次购买多个配额有优惠哦。<strong><a class="lan" href="{:url('pc/index',['act'=>'shop','s'=>'vip'])}" data-pjax>点此开通秒赞会员</a></strong></p></div>
            <div class="g-content p5">
                <div class="t-v">
                    <div class="bold pr3">购买数量：</div>
                    <div>
                        <label class="i-checks"><input type="radio" name="ver" value="1" onclick="ajax_get_peie(1);"><i></i>1个配额 - 永久{if condition="config('sys_is_shop_pe_zk') == 1 "}<span class="ml0 f0 hong"> 优惠</span>{/if}
						</label>
                        <label class="i-checks ml5"><input type="radio" name="ver" value="2" onclick="ajax_get_peie(2);" checked=""><i></i>3个配额 - 永久{if condition="config('sys_is_shop_pe_zk') == 1 "}<span class="ml0 f0 hong"> 优惠</span>{/if}
						</label>
                        <label class="i-checks ml5"><input type="radio" name="ver" value="3" onclick="ajax_get_peie(3);"><i></i>5个配额 - 永久{if condition="config('sys_is_shop_pe_zk') == 1 "}<span class="ml0 f0 hong"> 优惠</span>{/if}
						</label> 
						<label class="i-checks ml5"><input type="radio" name="ver" value="4" onclick="ajax_get_peie(4);"><i></i>10个配额 - 永久{if condition="config('sys_is_shop_pe_zk') == 1 "}<span class="ml0 f0 hong"> 优惠</span>{/if}
						</label></div>
                </div>
                <hr/>
                <div class="h7" id="pektjiage">-</div>
                <hr/>
                <div class="t-v">
                    <div class="bold pr4">支付方式：</div>
                    <div>
                        {if condition="config('sys_is_alipay') eq 1"}
							<button class="btn btn-qing btn-md mt2 mb2 mr5 rx1" onclick="ajax_shop_peie('alipay');">
								<i class="icon icon-zfbpay f9 nobold mr2"></i>支付宝 [推荐]
							</button>
						{/if}
						{if condition="config('sys_is_qqpay') eq 1"}
							<button class="btn btn-qing btn-md mt2 mb2 mr5 rx1" onclick="ajax_shop_peie('qqpay');">
								<i class="icon icon-qqpay f9 nobold mr2"></i>QQ支付
							</button>
						{/if}
						{if condition="config('sys_is_wxpay') eq 1"}
							<button class="btn btn-qing btn-md mt2 mb2 mr5 rx1" onclick="ajax_shop_peie('wxpay');">
								<i class="icon icon-wxpay f9 nobold mr2"></i>微信支付
							</button>
						{/if}
							<button class="btn btn-qing btn-md mt2 mb2 mr5 rx1" onclick="ajax_shop_peie('ypay');">
								账户余额
							</button>
                    </div>
                </div>
            </div>
        </div>
</div>
<div class="c-pagination o-h t-v">
    <div class="c-sidebar"></div>
    <div class="c-content h11 o-h g-page t-v bt bl">
        <div class="col-12 h pl5 t-v f3 hui">系统24小时自动处理订单，支付后自动为您开通秒赞VIP会员，无需等待。</div>
    </div>
</div>
</div>
    </div>
   {/block}
   {block name='foot'}
<script>
    function ajax_get_peie(id) {
        x.ajax('{:url('user_ajax/shop',['act'=>'price'])}', 'type=pe&id=' + id);
    }

    function ajax_shop_peie(type) {
        var ver = $('input:radio[name="ver"]:checked').val();
        x.ajax('{:url('user_ajax/shop',['act'=>'peie'])}', '&shopid=' + ver + '&shop=pe&pay_type=' + type);
    }

    $(function ($) {
        ajax_get_peie(2);
    });
</script>
    {/block}